<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>编辑</title>
    <link th:href="@{/resources/iview/styles/iview.css}" rel="stylesheet">
    <link th:href="@{/resources/css/common.css}" rel="stylesheet">
    <link th:href="@{/resources/highlight/styles/school-book.min.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{/resources/highlight/highlight.min.js}"></script>
    <style>
        textarea.ivu-input {
            border: 0px;
        }

        .code-title{
            border: 0px solid red;
            font-weight: bold;
            font-size: 16px;
            margin-top: 10px;
        }
        .code-body{
            border: 1px solid #f6f5b2;
            background: #f6f5b2;
        }
    </style>
</head>

<body>
    <div id="app" class="layout" ref="layout" v-cloak>
        <i-row>
            <i-col span="24">
                <div style="border: 0px solid red;overflow:auto;height: 100%;">
                    <h2>【{{formData.jiraNumber}}】 {{formData.jiraSummary}}</h2>
                    <div class="code-title">preDB6</div>
                    <div class="code-body"><pre><code v-html="formData.preDB6"></code></pre></div>

                    <div class="code-title">preDB8</div>
                    <div class="code-body"><pre><code v-html="formData.preDB8"></code></pre></div>

                    <div class="code-title">preDB9</div>
                    <div class="code-body"><pre><code v-html="formData.preDB9"></code></pre></div>

                    <div class="code-title">preDB12</div>
                    <div class="code-body"><pre><code v-html="formData.preDB12"></code></pre></div>

                    <div class="code-title">preDB13</div>
                    <div class="code-body"><pre><code v-html="formData.preDB13"></code></pre></div>

                    <div class="code-title">db6</div>
                    <div class="code-body"><pre><code v-html="formData.db6"></code></pre></div>

                    <div class="code-title">db8</div>
                    <div class="code-body"><pre><code v-html="formData.db8"></code></pre></div>

                    <div class="code-title">db9</div>
                    <div class="code-body"><pre><code v-html="formData.db9"></code></pre></div>

                    <div class="code-title">db12</div>
                    <div class="code-body"><pre><code v-html="formData.db12"></code></pre></div>

                    <div class="code-title">db13</div>
                    <div class="code-body"><pre><code v-html="formData.db13"></code></pre></div>

                    <div class="code-title">db19</div>
                    <div class="code-body"><pre><code v-html="formData.db19"></code></pre></div>

                </div>
            </i-col>
        </i-row>
    </div>

    <script type="text/javascript" th:src="@{/resources/js/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/resources/js/common.js}"></script>
    <script type="text/javascript" th:src="@{/resources/iview/vue.min.js}"></script>
    <script type="text/javascript" th:src="@{/resources/iview/iview.min.js}"></script>
    <script type="text/javascript">
        let app = new Vue({
            el: '#app',
            data() {
                return {
                    //【请求地址】，按需修改
                    loadUrl: __Global.getServerUrl("/platform/script/load"),

                    //【表单数据】，默认为空，按需修改
                    formData: {
                        id: "",
                        sortNo: null,
                        jiraNumber: null,
                        jiraSummary: null,
                        preDB6: "",
                        preDB8: "",
                        preDB9: "",
                        preDB12: "",
                        preDB13: "",
                        preDB19: "",
                        db6: "",
                        db8: "",
                        db9: "",
                        db12: "",
                        db13: "",
                        db19: ""
                    },


                }

            },
            mounted: function () {
                //根据主键ID加载表单数据
                this.formData.id = __Global.getParam("id");
                if (this.formData.id) {
                    this.load();
                }
            },
            methods: {
                load: function () {
                    CRUDHelper(this).setParams(this.formData).load(function () {
                        hljs.highlightAll();
                    });
                },


            }
        });


    </script>
</body>

</html>